import React from "react";
import "./success.css";
import { useNavigate } from "react-router";
import Index from "../../../components/bg";

export default function Success() {
  const navigate = useNavigate();
  return (
    <div className="success">
      <Index />
      <div className="about4">
        <div className="banner"></div>
        <p className="successReg">恭喜你，注册成功！</p>
        <button
          className="nowStart"
          onClick={() => {
            navigate("/login");
          }}
        >
          下一页
          <svg
            style={{ marginLeft: "10px" }}
            width="16.000000"
            height="12.000000"
            viewBox="0 0 16 12"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            xmlnsXlink="http://www.w3.org/1999/xlink"
          >
            <desc>Created with Pixso.</desc>
            <defs />
            <path
              id="arrow"
              d="M15.79 5.38L15.7 5.29L10.7 0.29C10.31 -0.1 9.68 -0.1 9.29 0.29C8.93 0.65 8.9 1.22 9.2 1.61L9.29 1.7L12.58 5L1 5C0.44 5 0 5.44 0 6C0 6.51 0.38 6.93 0.88 6.99L1 7L12.58 7L9.29 10.29C8.93 10.65 8.9 11.22 9.2 11.61L9.29 11.7C9.65 12.06 10.22 12.09 10.61 11.79L10.7 11.7L15.7 6.7C16.06 6.34 16.09 5.77 15.79 5.38Z"
              fill="#FFFFFF"
              fillOpacity="1.000000"
              fillRule="evenodd"
            />
          </svg>
        </button>
      </div>
    </div>
  );
}
